<template>
	<view class="box">
		<view class="head">
			<view class="head_left" @click="fanhui">
				<image src="http://oos-cn.ctyunapi.cn/hfclass/fanhui.png?Signature=UxKzt/fO7QiCKXVEBjkGnSGdoIw%3D&AWSAccessKeyId=65b300139cc5a0aa9572&Expires=865585101242" style="width: 16rpx;height: 30rpx;margin-right: 20rpx;"  ></image>
				<text>返回</text>
			</view>
			<view style="position: relative;left: -16rpx;">上报人信息</view>
			<view class="head_right" >
				<!-- <image src="http://111.62.51.251:8081/hfclass/设置30X30.png"  style="width: 36rpx;height: 36rpx;"  ></image> -->
				<!-- <view class="windows" v-if="IsSet">
					<view class="windows_box">
						<view @click="relieve">数据上报</view>
						<view @click="present">提交记录</view>
					</view>
				</view> -->
			</view>
		</view>
		
		<view class="dian"></view>
		<view class="conent" >
			<view class="conent_box">
				<view class="box_one">
					<view>姓名</view>
					<input type="text" placeholder="请输入姓名" v-model="name" />
				</view>
				<view class="box_one">
					<view>年龄</view>
					<input type="number" placeholder="请输入年龄" v-model="age" />
					
				</view>
				<!-- <text style="font-size: 24rpx;color: red;">年龄只能输入数字</text> -->
				<view class="box_one">
					<view>身份号</view>
					<input type="text" placeholder="请输入身份号" v-model="identityNumber" />
				</view>
				<view class="box_one">
					<view>性别</view>
					<view class="sex">
						<view class="SexLeft"  style="margin-right: 50rpx;" @click="ick(index)" v-for="(item,index) in imt" :key='index'>
							<text>{{item.sex}}：</text>
							<image src="http://oos-cn.ctyunapi.cn/hfclass/%E9%80%89%E4%B8%AD24X24.png?Signature=uadBOt7JPRWF1p%2BYdBuY9uJvJO0%3D&AWSAccessKeyId=65b300139cc5a0aa9572&Expires=865585101415" v-if="isimg==index"  style="width: 40rpx;height: 40rpx;"></image>
						    <image src="http://oos-cn.ctyunapi.cn/hfclass/%E6%9C%AA%E9%80%89%E4%B8%AD24X24.png?Signature=v//XYi/k9NaPp0RRUYa8gALBcSY%3D&AWSAccessKeyId=65b300139cc5a0aa9572&Expires=865585101610"  v-else  style="width: 40rpx;height: 40rpx;"></image>
						</view>
	
					</view>
				</view>
				<view class="box_one">
					<view>职业</view>
					<view class="sex">
						<view class="SexLeft" v-for="(item, index) in lis" :key='index' @click="er=index" style="margin-right: 40rpx;">
							<text>{{item.value}}：</text>
							<image src="http://oos-cn.ctyunapi.cn/hfclass/%E9%80%89%E4%B8%AD24X24.png?Signature=uadBOt7JPRWF1p%2BYdBuY9uJvJO0%3D&AWSAccessKeyId=65b300139cc5a0aa9572&Expires=865585101415" v-if="er==index"  style="width: 40rpx;height: 40rpx;"></image>
							<image src="http://oos-cn.ctyunapi.cn/hfclass/%E6%9C%AA%E9%80%89%E4%B8%AD24X24.png?Signature=v//XYi/k9NaPp0RRUYa8gALBcSY%3D&AWSAccessKeyId=65b300139cc5a0aa9572&Expires=865585101610"  v-else  style="width: 40rpx;height: 40rpx;"></image>
						</view>
					</view>
				</view>
				<view class="school"  v-if="er==1||er==2||nums!=''?true:false">
					<view>学校</view>
					<view class="inputBox">
						<input type="text" placeholder="请输入关键字"  v-model="nums" value="school"  @input="uniapp"/>
						<image src="http://oos-cn.ctyunapi.cn/hfclass/%E9%80%89%E6%8B%A9%E7%AE%AD%E5%A4%B415X22.png?Signature=8Ry%2BydghTC67iii673JW%2BmJlX5s%3D&AWSAccessKeyId=65b300139cc5a0aa9572&Expires=865585102035"></image>
					</view>
					
					<view v-if="opt==''?false:true" class="seminary">
						<view class="seminaryBox" style="height:400rpx;overflow-y:auto;overflow-x:hidden">
							<view v-for="(item,index) in opt" :key='index' @click="schick(item.name,item.id)">{{item.name}}</view>
						</view>
					</view>
				</view>

				<view class="school" v-if="er==0?true:false">
					<view>班级代码</view>
					<view class="inputBox">
						<input type="text" placeholder="请输入班级代码" v-model="codes" value="cod"/>
						<!-- <image src="../../static/tabbar/选择箭头15X22.png"></image> -->
					</view>
				</view>
				
				<view class="school">
					<view>常住地址</view>
					<view class="inputBox">
						<input type="text"  placeholder="请填写家庭住址" v-model="site" value="address" />
						<!-- <image src="../../static/tabbar/选择箭头15X22.png"></image> -->
					</view>
				</view>
				
				<view class="cu-form-group" style="border-bottom: 1rpx solid #DDDDDD;">
					<view class="title">家庭成员数</view>
					<picker @change="hange" :value="ins" :range="pick">
						<view class="picker">
							{{ins>-1?pick[ins]:'选择'}}
						</view>
					</picker>
				</view>
				<view class="box_one rttt">
					<view>联系电话</view>
					<input type="number" v-model="phone" placeholder="请输入电话" />
				</view>
			</view>
			<view class="refer" @click="referd">
				<view>提交信息</view>
			</view>
		</view>
		
		
		
		<view v-if="loadModal" class="MaskLayer"></view>
		<view class="gif" v-if="loadModal">
			<view>
				<image src="http://oos-cn.ctyunapi.cn/hfclass/jiazai.gif?Signature=OgNX%2BUIeALb4HM35vCGC1jX%2BZEw%3D&AWSAccessKeyId=65b300139cc5a0aa9572&Expires=865585100785"></image>
				<view>请耐心等待！</view>
			</view>
		</view>
		
	</view>
</template>

<script >
	import Fuse from 'fuse.js'
	import App from '../../App.vue'
	export default {
		data() {
			return {
				// IsSet:false,
                codes:'',//班级号码
				pick:[1,2,3,4,5,6,7,8,9,10],
				imt:[{sex:'男'},{sex:'女'}],
				lis:[{value:'学生'},{value:'教师'},{value:'其他'}],
				isimg:null,
				er:0,
				ins:-1,
				we:'',
				title:[],
				nums:'',
				listOpp:{},
				
				age:0,
				name:'',
				ent:'',//学校类别
				site:'',
				con:'',//家庭成员
				phone:'',
				schp:[],//插入的学校数据
				opt:[],//搜索到的数组
				listBox:[],//完整的学校数据
				userId:'',
				schoolId:'',
				
				loadModal:false,
				identityNumber:''
			}
		},
		onShow() {
			var that=this
			var ult=uni.getStorageSync('ult')
			if(ult.organId && ult.organId>0 && ult.accessTolen){
			}else{
				uni.redirectTo({
					url:'../login/index'
				})
			}
		},
		onLoad(op) {
			if(op){
				this.userId=op.userId
				this.getoOnlom()
			}
		},
		created() {
			var that=this
			// that.index=that.picker.length-1 //给index一个量，好在页面做三目运算

		    uni.request({
			   method:'GET',
			   // url:'http://oos-cn.ctyunapi.cn/hfclass/xuexiao.json?Signature=c7ZxWJMkPTjfybYb5ha7mbInjOY%3D&AWSAccessKeyId=65b300139cc5a0aa9572&Expires=865585102660',
			   url:'https://hfhealth.oss-cn-beijing.aliyuncs.com/Common/xuexiao.json',//./static/xuexiao.json文件只能放static里
			   scriptCharset: 'utf-8',
			   contentType: "application/x-www-form-urlencoded; charset=utf-8", 
			   dataType : "json",
			   success(res) {
			   // console.log(res)
			   that.listBox=res.data
			   res.data.forEach((item,index)=>{
					that.schp.push(item.name)
				})
			   }
		    })
		},
		methods:{
			relieve(){
				// this.IsSet=false
                uni.navigateTo({
                	url:'/pages/submit/DataReport'
                })
			},
			PickerChange(e) {
				this.index = e.detail.value
				this.ent=this.picker[e.detail.value]
			},
			getoOnlom(){
				var that=this
				that.loadModal=true
				uni.request({
					method:'POST',
					url:App.globalData.baseUrl + '/api/services/app/organUser/GetUserInfo',
					data:{ "userId":that.userId},
					success(res) {
						if(res.data.success==true){
							that.listOpp = res.data.result
							// that.userId=that.listOpp.userId
							that.name=that.listOpp.name
							that.identityNumber=that.listOpp.identityNumber==null?'':that.listOpp.identityNumber
							if(that.listOpp.age==0&&that.identityNumber.length==18){
								
								//获取年龄 
								var myDate = new Date(); 
								var month = myDate.getMonth() + 1; 
								var day = myDate.getDate(); 
								var age = myDate.getFullYear()-that.identityNumber.substring(6, 10) - 1; 
								if (that.identityNumber.substring(10,12)<month||that.identityNumber.substring(10,12)==month&&that.identityNumber.substring(12,14)<=day) 
								{ 
								  age++; 
								} 
								
								that.age=age
								
							}else{
								that.age=that.listOpp.age;
								
							}
							
							// that.cod=that.listOpp.organ[0].name
							that.imt.forEach((item,index)=>{
								if(item.sex==that.listOpp.sex){
									that.isimg=index
								}
							})
							that.lis.forEach((item,index)=>{
								if(item.value==that.listOpp.title){
									that.er=index
								}
							})
							that.listOpp.organ.forEach((item,index)=>{
								if(item.level==4){
									that.nums=item.name
									that.schoolId=item.id
								}
							})
							that.listOpp.organ.forEach((item,index)=>{
								if(item.level==5){
									that.codes=item.code
								}
							})
							that.site=that.listOpp.address
							that.con=that.listOpp.familyCount
							that.ins=that.listOpp.familyCount-1
							that.phone=that.listOpp.phoneNumber
							// uni.setStorageSync('storage_key', that.listOpp);
							that.loadModal=false//关闭加载动画
						}else{
							that.loadModal=false//关闭加载动画
							uni.showToast({
								title:res.data.error.message,
								duration:2000,
								icon:'none'	,
							})
						}
					},fail(res) {
						that.loadModal=false//关闭加载动画
						uni.showToast({
							title:res.data.error.message,
							duration:2000,
							icon:'none'	,
						})
					}
				 })	
			},
			hange(e){
				this.ins = e.detail.value
				if(this.ins==-1){
					this.ins=0
				}
				this.con=this.pick[this.ins]
			},
			getRadioVal(value){
				this.we=value
			},
			ick(index){
				this.isimg=index 
			},
			
			schick(name,id){ //点击确定学校
			var that=this
				that.nums=name
				that.schoolId=id
				that.opt=[]
			},
			
			referd(){
				var that=this
                if(that.name==''){
				    uni.showToast({
				        title: '姓名为空',
				        duration: 1000,
				    	icon:'none'
				    });
				}else if(that.age<1){
					uni.showToast({
					    title: '请输入正确的年龄',
					    duration: 1000,
						icon:'none'
					});
				}else if(that.identityNumber==''){
					uni.showToast({
					    title: '身份号为空',
					    duration: 1000,
						icon:'none'
					});
				}else if(!(/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(that.identityNumber))){
					uni.showToast({
					    title: '请输入正确的身份号',
					    duration: 1000,
						icon:'none'
					});
				}else if(that.isimg==null){
					uni.showToast({
					    title: '姓别为空',
					    duration: 1000,
						icon:'none'
					});
				}else if(that.er==null){
					uni.showToast({
					    title: '职业为空',
					    duration: 1000,
						icon:'none'
					});
				}else  if((that.er==1||that.er==2)&&that.schoolId==''){
					uni.showToast({
					    title: '请从下拉框选择学校',
					    duration: 1000,
						icon:'none'
					});
				}else if(that.er==0&that.codes==''){
					uni.showToast({
					    title: '班级为空',
					    duration: 1000,
						icon:'none'
					});
				}else if(that.site==''){
					uni.showToast({
					    title: '常住地址为空',
					    duration: 1000,
						icon:'none'
					});
				}else if(that.con==''&that.ins==-1){
					uni.showToast({
					    title: '家庭成员人数为空',
					    duration: 1000,
						icon:'none'
					});
				}else  if(that.phone==''){
					uni.showToast({
					    title: '联系电话为空',
					    duration: 1000,
						icon:'none'
					});
				}else if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(that.phone))){
					uni.showToast({
					    title: '联系电话输入错误',
					    duration: 1000,
						icon:'none'
					});
				}else{
					that.loadModal=true
					if(that.userId==''||that.userId==undefined||that.userId==null){
						uni.request({
							method:'POST',
							url:App.globalData.baseUrl + '/api/services/app/organUser/AddNewBing',
							data:{
								  // "id":'',
								  "name": that.name,
								  "age":that.age,
								  "sex":that.isimg==0?"男":"女" ,
								  "address": that.site,
								  "familyCount": that.con,
								  "phoneNumber": that.phone,
								  "organ": [
									{
									  "id": that.schoolId?that.schoolId:0,
									  // "name": "string",
									  "code": that.codes?that.codes:0,
									  "fatherId": 0,
									  "level": 0
									}
								  ],
								  "title":that.lis[that.er].value,
								  "identityNumber":that.identityNumber
							},
							success(res) {
								if(res.data.success==true){
									that.loadModal=false
									uni.showToast({
										title:'提交成功',
										duration:1000,
										icon:'none'	,
									})
									uni.removeStorageSync('ArrId');
									var io=setTimeout(()=>{
										uni.navigateTo({
											url:'/pages/submit/informer',
											success(){
												clearTimeout(io)
											}
										})
									},1000)
								}else{
									that.loadModal=false
									uni.showToast({
										title:res.data.error.message,
										duration:2000,
										icon:'none'	,
									})
									if (res.data.error.code == 401) {
									
										let cl = setTimeout(() => {
											window.location.href = '/wx/GetCode'
											clearTimeout(cl)
										}, 2000)
									
									
									}
									
								}
							},fail(res) {
								that.loadModal=false
								uni.showToast({
									title:res.data.error.message,
									duration:2000,
									icon:'none'	,
								})
							}
						})
					}else{
						uni.request({
							method:'POST',
							url:App.globalData.baseUrl + '/api/services/app/organUser/UpdateUserProfile',
							data:{
								  "id": that.listOpp.id,
								  "age":that.age,
								  "name": that.name,
								  "userId": that.listOpp.userId?that.listOpp.userId:that.userId,
								  "sex":that.isimg==0?"男":"女" ,
								  "address": that.site,
								  "familyCount": that.con,
								  "phoneNumber": that.phone,
								  "organ": [
									{
									  "id": that.schoolId?that.schoolId:0,
									  // "name": "string",
									  "code": that.codes?that.codes:0,
									  "fatherId": 0,
									  "level": 0
									}
								  ],
								  "title":that.lis[that.er].value,
								  "identityNumber": that.identityNumber
							},
							success(res) {
								if(res.data.success==true){
									that.loadModal=false
									uni.showToast({
										title:'提交成功',
										duration:1000,
										icon:'none'	,
									})
									uni.removeStorageSync('ArrId');
									var io=setTimeout(()=>{
										uni.navigateTo({
											url:'/pages/submit/informer',
											success(){
												clearTimeout(io)
											}
										})
									},1000)
								}else{
									that.loadModal=false
									uni.showToast({
										title:res.data.error.message,
										duration:2000,
										icon:'none'	,
									})
									if (res.data.error.code == 401) {
										
										uni.showToast({
											icon: 'none',
											duration: 2000,
											title: '马上开始重新登录'
										})
									
										let cl = setTimeout(() => {
											window.location.href = '/wx/GetCode'
											clearTimeout(cl)
										}, 2000)
									
									
									}
								}
							},fail(res) {
								that.loadModal=false
								uni.showToast({
									title:res.data.error.message,
									duration:2000,
									icon:'none'	,
								})
							}
						})
					}
					
					
					
					// if(that.er==0){
					// 	uni.request({
					// 		method:'POST',
					// 		url:'/api/api/services/app/organUser/UpdateUserProfile',
					// 		data:{
					// 			  "id": that.listOpp.id,
					// 			  "name": that.name,
					// 			  "userId": that.listOpp.userId?that.listOpp.userId:that.userId,
					// 			  "sex":that.isimg==0?"男":"女" ,
					// 			  "address": that.site,
					// 			  "familyCount": that.con?that.con:that.ins+1,
					// 			  "phoneNumber": that.phone,
					// 			  "organ": [
					// 				{
					// 				  "id": 0,
					// 				  "name": "string",
					// 				  "code": this.codes,
					// 				  "fatherId": 0,
					// 				  "level": 4
					// 				}
					// 			  ],
					// 			  "title":that.lis[that.er].value
					// 		},
					// 		success(res) {
					// 			if(res.data.success==true){
					// 				uni.showToast({
					// 					title:'提交成功',
					// 					duration:1000,
					// 					icon:'none'	,
					// 				})
					// 				var io=setTimeout(()=>{
					// 					uni.navigateTo({
					// 						url:'/pages/submit/informer',
					// 						success(){
					// 							clearTimeout(io)
					// 						}
					// 					})
					// 				},1000)
					// 			}else{
					// 				that.loadModal=false//关闭加载动画
					// 				uni.showToast({
					// 					title:res.data.error.message,
					// 					duration:1000,
					// 					icon:'none'	,
					// 				})
					// 			}
					// 			that.loadModal=false//关闭加载动画
					// 		},fail(res) {
					// 			that.loadModal=false//关闭加载动画
					// 			uni.showToast({
					// 				title:res.data.error.message,
					// 				duration:1000,
					// 				icon:'none'	,
					// 			})
					// 		}
					// 	})
					// }else{
					// 	uni.request({
					// 		method:'POST',
					// 		url:'/api/api/services/app/organUser/UpdateUserProfile',
					// 		data:{
					// 			  "id": that.listOpp.id,
					// 			  "name": that.name,
					// 			  "userId": that.listOpp.userId?that.listOpp.userId:that.userId,
					// 			  "sex":that.isimg==0?"男":"女" ,
					// 			  "address": that.site,
					// 			  "familyCount": that.con?that.con:that.ins+1,
					// 			  "phoneNumber": that.phone,
					// 			  "organ": [
					// 				{
					// 				  "id": that.schoolId,
					// 				  "name": "string",
					// 				  "code": "string",
					// 				  "fatherId": 0,
					// 				  "level": 5
					// 				}
					// 			  ],
					// 			  "title": that.lis[that.er].value
					// 		},
					// 		success(res) {
					// 			if(res.data.success==true){
					// 				uni.showToast({
					// 					title:'提交成功',
					// 					duration:1000,
					// 					icon:'none'	,
					// 				})
					// 				var io=setTimeout(()=>{
					// 					uni.navigateTo({
					// 						url:'/pages/submit/informer',
					// 						success(){
					// 							clearTimeout(io)
					// 						}
					// 					})
					// 				},1000)
					// 				that.loadModal=false//关闭加载动画
					// 			}else{
					// 				that.loadModal=false//关闭加载动画
					// 				uni.showToast({
					// 					title:res.data.error.message,
					// 					duration:1000,
					// 					icon:'none',
					// 				})
					// 			}
					// 		},fail(res) {
					// 			that.loadModal=false//关闭加载动画
					// 			uni.showToast({
					// 				title:res.data.error.message,
					// 				duration:1000,
					// 				icon:'none'	,
					// 			})
					// 		}
					// 		// }
					// 	})
					// }
					
				}
			},
			uniapp(e){//要下载 npm install --save fuse.js   引入  import Fuse from 'fuse.js
				//保存this
				var that=this
				//学校box输入的值
				var books=e.detail.value
				if(books.length>=2){
					that.opt=[]
					//{"第二小学","第二小学"}
					var schp=that.schp
					var options = {
						 keys: [{
							 name: 'ProductIDName',
							 weight: 0.3
						 }]
					};
					//筛选
					var fuse = new Fuse(schp, options)
					// console.log(fuse)
					//开始筛选
					var opp=fuse.search(books)
					opp.forEach((item,index)=>{
						  that.opt.push(that.listBox[item])
					 });
					 //选中学校之后清空班级box
				}else{
					that.opt=[]
				}
				
			},
			present(){
				// this.IsSet=false
				uni.navigateTo({
					url:'/pages/submit/PastRecords'
				})
			},
			fanhui(){
				uni.navigateBack({
					delta:1
				})
			},
		}
	}
</script>

<style scoped>
	.box{width: 100%;height: 100%;}
	.head{
		height: 120rpx;
		width: 100%;
		background-color: #FFFFFF;
		padding: 0 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 30rpx;
		position: fixed;
		top:0rpx;
		left:0rpx;
		z-index: 100;
	}
	.head_left{
		display: flex;
		align-items: center;
	}
	.head_right{
		position: relative;
	}
	.windows{
		position: absolute;
		top: 60rpx;
		right: 10rpx;
	}
	.windows_box{
		width: 260rpx;
		background: #FFFFFF;
		padding: 0 30rpx;
		box-sizing: border-box;
		box-shadow:0rpx 0rpx 6rpx #000;
		border-radius: 12rpx;
	}
	.windows_box>view{
		width:100%;
		height: 90rpx;
		padding: 0 30rpx;
		box-sizing: border-box;
		text-align: center;
		line-height: 90rpx;
	}
	.windows_box>view:nth-child(1),.windows_box>view:nth-child(2){
		border-bottom: 1rpx solid #DDDDDD;
	}
	.inputBox{
		width: 490rpx;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.inputBox>input{
		width: 450rpx;
		display: flex;
		align-items: center;
		display: inline-block;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	.dian{height: 150rpx;}
	.conent{
		width: 100%;
	}
	.conent_box{
		width: 100%;
		background: #FFFFFF;
		padding:0 30rpx;
		box-sizing: border-box;
		border-radius: 10rpx;
	}
	.box_one{
		padding: 20rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #DDDDDD;
	}
	
	.box_one>.sex{
		height: 80rpx;
		display: flex;
		align-items: center;
	}
	.box_one>input{
		margin-top: 20rpx;
	}
	.SexLeft{
		display: flex;
		align-items: center;
	}
	.time{
		margin-top: 20rpx;
		font-size: 32rpx;
	}
	.cu-form-group {
		padding: 0rpx;
	}
	.tim{
		width: 100%;
		margin-top: 20rpx;
		display: flex;
	}
	.TemLeft{
		display: flex;
		align-items: center;
	}
	.conent_box>.rttt{
		border-bottom: 0rpx;
	}
	.refer{
		width: 100%;
		height: 200rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.refer>view{
		width: 400rpx;
		height: 100rpx;
		border-radius: 50rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #1CBBB4;
		color: #FFFFFF;
	}
	.school{
		width: 100%;
		height: 100rpx;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1rpx solid  #DDDDDD;
		position: relative;
	}
	.school>view:nth-child(2)>input{
		flex: 1;
		text-align: right;
	}
	.school>view:nth-child(2)>image{width: 16rpx;height: 30rpx;margin-left: 20rpx;}
	.seminary{
		position: absolute;
		top: 90rpx;
		right: 0rpx;
		width: 100%;
		z-index: 10;
	}
	.seminaryBox{
		width: 100%;
		height: 400rpx;
		background: #FFFFFF;
		z-index: 9999;
		border: 1rpx solid #aaaaaa;
		overflow: hidden;
	}
	.seminaryBox>view{
		height: 90rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	
	
	
	
	/* 弹窗 */
	.MaskLayer{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0rpx;
		left: 0rpx;
		/* z-index: 101; */
		background: #000000;
		opacity: 0.6;
	}
	.gif>view>image{width: 200rpx;height: 200rpx;}
	.gif>view>view{color: #FFFFFF;text-align: center;margin-top: 10rpx;}
	.CPM,.gif{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		/* z-index: 101; */
	}
	/* .CPM_box{
		width: 400rpx;
		height: 400rpx;
		border-radius: 50rpx;
		background: rgb(241,241,241);
		padding: 50rpx;
		position: relative;
	}
	.CPM_box>image{
		width: 70rpx;
		height: 70rpx;
		position: absolute;
		right: 10rpx;
		top:-100rpx
	}
	.CPM_box>view:nth-child(2){
		font-size: 34rpx;
		text-align: center;
		margin-top: 20rpx;
	}
	.CPM_box>view:nth-child(3){
		font-size: 30rpx;
		width: 100%;
		height: 80rpx;
		border-radius: 45rpx;
		margin-top: 40rpx;
		background-color: #1CBBB4;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
	}
	.CPM_box>view:nth-child(4){
		font-size: 30rpx;
		width: 100%;
		height: 80rpx;
		border-radius: 45rpx;
		margin-top: 40rpx;
		background-color: rgb(201,201,201);
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
	} */
</style>


